<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //需求：在网页中输出★
        document.write('★');
        document.write('<hr>');//水平线
        //需求：在网页中输出10个★
        for(var i=1;i<=10;i++){
            document.write('★');
        }
        document.write('<br>');//换行
        document.write('<hr>');
        //需求：在网页中输出10行
        for(var j=1;j<=10;j++){//控制行数
            for(var i=1;i<=10;i++){//控制每一行的内容
                document.write('★');
            }
            document.write('<br>');
        }
        //直角三角形
       for(var i=1;i<=9;i++){//控制行数
        for( var  j = 1; j <= i;j++){
            document.write('*');
        }
        document.write('<br>');
       }
      for(var i=1;i<=9;i++){
        for(var j=1;j<=10-i;j++){
            document.write('*');
        }
        document.write('<br>');
      }
    </script>
</body>
</html>